<mat-card class="example example4 mat-elevation-z16">
  <mat-card-content>
    <div class="sample-wrapper">
      <ng-scrollbar class="sample"
                    appearance="standard"
                    trackClass="scrollbar-track"
                    thumbClass="scrollbar-thumb">
        <b>Lorem ipsum dolor sit amet</b>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet mollitia vero quam, nisi possimus dolorem
          asperiores, molestiae sit voluptatibus alias consequuntur laudantium repellat ea quidem quaerat rerum
          perspiciatis iste adipisci.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda earum facilis sed nihil numquam at
          accusamus eum error eaque alias hic sint rem consequatur impedit tempore, dolor, quos, quae esse?</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore maiores maxime corrupti quisquam.
          Dignissimos sunt error voluptatibus repellat consequatur illo, aliquid nihil maxime veniam repudiandae,
          provident et sit, reiciendis dicta.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae id amet deserunt voluptate maiores
          sunt aut eligendi totam nesciunt magnam illo consectetur aspernatur at voluptatem, qui unde ullam omnis
          voluptates.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id assumenda et fugiat placeat enim quas,
          voluptas odio aperiam in quibusdam beatae eaque minima. Consequuntur pariatur, doloremque, odit dolorem
          ullam sunt!</p>
      </ng-scrollbar>
    </div>
  </mat-card-content>
</mat-card>
